<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <include file="Inc/basic_css"/>
    <include file="Inc/basic_js"/>
    <import type="js" basepath="__JS__" file="admin" />
    <link rel="stylesheet" type="text/css" href="__PLUGIN__/bootstrap-datepicker/css/datepicker.css" />
    <script type="text/javascript" src="__PLUGIN__/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
    <style>
        #ClassAdd{width:97%; margin:0 auto; display:none;}/* height:1px; overflow:hidden; */
        #class_title{ padding:10px 0;}
        .time-controler{display: inline-block;overflow: hidden;vertical-align:middle;}
        .time-controler *{float:left}
    </style>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
<!-- BEGIN HEADER -->
<include file="Inc/head"/>
<!-- END HEADER -->
<div class="clearfix"></div>
<!-- BEGIN CONTAINER -->
<div class="page-container">
    <!-- BEGIN SIDEBAR -->
    <include file="Inc/left"/>
    <!-- END SIDEBAR -->
    <!-- BEGIN PAGE -->
    <div class="page-content">
        <!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
        <!-- BEGIN STYLE CUSTOMIZER -->
        <include file="Inc/theme"/>
        <!-- END BEGIN STYLE CUSTOMIZER -->
        <!-- BEGIN PAGE HEADER-->
        <div class="row">
            <div class="col-md-12">
                <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                <h3 class="page-title">
                   附加项管理 <small></small>
                </h3>
                <ul class="page-breadcrumb breadcrumb">
                    <li><i class="fa fa-home"></i><a href="{:U('Index/index')}">首页</a> <i class="fa fa-angle-right"></i></li>
                    <li><a href="{:U('Attachment/product')}">附加项管理</a><i class="fa fa-angle-right"></i></li>
                    <li><a href="{:U('Attachment/type',['product_id'=>$_GET['product_id']])}">{$title}</a><i class="fa fa-angle-right"></i></li>
                    <li>{$type_title}</li>
                </ul>					<!-- END PAGE TITLE & BREADCRUMB-->
            </div>
        </div>
        <!-- END PAGE HEADER-->
        <!-- BEGIN PAGE CONTENT-->
        <div class="row">
            <div class="col-md-12">
                <!-- BEGIN EXAMPLE TABLE PORTLET-->
                <div class="portlet-body">
                    <div class="table-toolbar">
                        <div class="row">
                                <div class="col-lg-10">
                                    <form class="form-inline" name="search" method="get" action="__URL__/index">
                                        <a href="{:U('Attachment/edit',['type'=>$_GET['type'],'product_id'=>$_GET['product_id']])}" class="btn blue">添加附加选项 <i class="fa fa-plus"></i></a>
                                    </form>
                                </div>
                        </div>
                    </div>

                    <div role="grid" class="dataTables_wrapper form-inline">
                        <!-- /.row -->
                        <div class="table-scrollable" id="listArea" style="border:0px;">
                            <form method="post" name="myform" id="myform">
                                <table class="table table-striped table-bordered table-advance table-hover">

                                    <thead>
                                    <tr>
                                        <!-- <th align="center"><i class="fa fa-check-square"> 选中</th> -->
                                        <th align="center"><i class="fa fa-sort-numeric-asc"> ID</th>
                                        <th align="center" ><i class="fa fa-tag"> 附加项名称</th>
                                        <th align="center" ><i class="fa fa-tag"> 操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    <foreach name="list" item="item" >
                                        <tr>
                                            <!-- <td align="center"><input type="checkbox" name="id[]" value="{$item.id}" /></td> -->
                                            <td align="center"><input type="checkbox" name="id[]" value="{$item.id}" /></td>
                                            <td align="center">{$item.title}</td>
                                            <td align="center">
                                                <a class="btn green" href="{:U('Attachment/edit',['id'=>$item['id'],'type'=>$_GET['type'],'product_id'=>$_GET['product_id']])}">查看</a>
                                                <a class="btn blue" href="{:U('AttachmentOption/index',['attachment_id'=>$item['id'],'type'=>$_GET['type'],'product_id'=>$_GET['product_id']])}">附加选项编辑</a>
                                            </td>
                                        </tr>
                                    </foreach>
                                    </tbody>
                                </table>
                                <table width="100%" border="0" cellpadding="0" cellspacing="1">
                                    <tr>
                                        <td width="20" align="center" bgcolor="#FFFFFF"><input type="checkbox" id="checkAll" /></td>
                                        <td width="54" align="center" bgcolor="#FFFFFF">批量操作</td>
                                        <td width="1064"  bgcolor="#FFFFFF"><div class="pltime">
                                                <input class="btn red" type="button" name="delete" value=" 批量删除 " onclick="Confirm_ajax('{:U('Attachment/del')}','你确认删除选中的条目么？',$('#myform').serialize(),'post')" />
                                        </td>
                                </table>
                            </form>
                        </div>
                        <div class="row" id="pageArea">
                            {$page}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END PAGE CONTENT -->
    </div>
</div>
<div id="img_preview" class="modal fade modal-scroll" tabindex="-1" data-replace="true" style="display: none;" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">图片预览</h4>
            </div>
            <div class="modal-body">
                <img id="preview" style="width: 540px" alt="" src="">
            </div>
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn green">Close</button>
            </div>
        </div>
    </div>
</div>
<!-- END CONTAINER -->
<!-- BEGIN FOOTER -->
<include file="Inc/foot"/>
<!-- END FOOTER -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->

<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="__JS__/form-components.js"></script>
<script src="__JS__/app.js" type="text/javascript"></script>
<script src="__JS__/AjaxList.js.php?action=ajaxlistinput&url={:urlencode(U('ScenicArea/ajaxListInput'))}"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>
    jQuery(document).ready(function() {
        App.init(); // initlayout and core plugins
        FormComponents.init();
    });
    imagePreview();
</script>
<script language="javascript">

    function findNext(v , e , dom){
        var selValue = parseInt(v);
        var areaNextId = parseInt(e+1);
        $("#"+dom+"_"+areaNextId).remove();
        $("#"+dom+"_"+e+" > select > option").each(function(i){
            if($(this).attr('value') == v){
                $(this).attr('selected',true);
            }
        });



        var data = { r: Math.random(),selValue: selValue,areaNextId: areaNextId  ,domId: dom};
        $.ajax({type:"GET", url:"<php>echo U('ScenicArea/ajaxFindNext');</php>",data: data, dataType:"text",async:false,success:function (msg){
        r = msg;
        }});
    if (r==0) {
        return false;
    } else {
        $('#'+dom+'_'+e).append(r);
        return true;
    }


    }

    $(function(){
        {$content}
    });

</script>

<!-- END PAGE LEVEL SCRIPTS -->

</body>
<!-- END BODY -->
</html>
